$(function(){
	var nb;
	var res = JSON.parse( localStorage.getItem('a'))
	console.log(res);
	if(res === null){
		var a = {
			conduct:[],
			fin:[]
		};
	}else{
		var a = res;
		console.log(a);
	}
	for(var i=0;i<a.conduct.length;i++){
		let $li='<li><input type="checkbox"><p>'+res.conduct[i]+'</p><a href="javascript:void(0)"></a></li>';
		$('#todolist').append($li);
	}
	for(var i=0;i<a.fin.length;i++){
		let $li='<li><input type="checkbox" checked="checked"><p onclick="edit(5)">'+res.fin[i]+'</p><a href="javascript:remove(5)"></a></li>';
		$('#donelist').append($li);
	}
	num();
	let $title=$('#title')
	$title.keydown(function (evt){
		let e=evt||event
		if(e.keyCode===13){
			createTodo();
			num();

			$title.val("");
		}
		
	})
	function createTodo(){
		let val=$title.val().trim();
		if(!val){
			alert('不能为空');
			return;
		}
		let $li=$(
		   ` <li>
				<input type="checkbox">
				<p>${val}</p>
				<a href="javascript:void(0)">-</a>
		  </li>`
		);
		$('#todolist').append($li);
		a.conduct.push(val);
		localStorage.setItem( "a" , JSON.stringify( a ) );
		
		
	}
	$('section').on('change','input[type=checkbox]',function(){
		
		console.log($(this).prop("checked"));
		if($(this).prop("checked")){
			console.log($(this).parent().index()-3);
			a.conduct.splice($(this).parent().index()-3, 1);
			a.fin.push($(this).next().html());
			localStorage.setItem( "a" , JSON.stringify( a ) );
			$('#donelist').append($(this).parent())
			
		}else{
			$('#todolist').append($(this).parent())
		}
		num();
	})
	$('#todolist').on('click','p',function(){
		$(this).html("<input type='text' value='"+$(this).text()+"'>")
		let $ipt=$(this).children()
		$ipt.click(function(evt){
			var e=evt||event
			e.stopPropagation();
			
		})
		$ipt.select();
		let val=$(this).val().trim()
		$ipt.blur(function(evt){
				$(this).parent().html($(this).val());
		})
	})
	$('section').on('click','a',function(){
		$(this).parent().remove();
		num();
	})
   function num(){
	   let $res1=$('#todolist li');
	   let $res2=$('#donelist li');
		$('#todocount').html($res1.length)
		$('#donecount').html($res2.length)
   }
	$.ajax({
		//nb是https://api.i-lynn.cn/getIpInfo;
		url : "http://localhost:8888/nb",
		type: "GET",
		data: {

		},
		dataType : "json",
		success : function(res){
			  console.log(res);
			  $('#ipv4').html(res.ip);
			  $('#addr').html(res.country);
		}
	})
	// console.log(nb);
	
})
